diff options
| author | secondl1ght <[email protected]> | 2022-09-24 22:20:18 -0600 |
|---|---|---|
| committer | secondl1ght <[email protected]> | 2022-09-24 22:20:18 -0600 |
| commit | f4dead26c92e2ef6be45af0eb56d12bb3a00d983 (patch) | |
| tree | 41048b6b097d90e01c696213789ea7f2bdabda05 /src/routes/[username]/+page.svelte | |
| parent | fb264d8f09662f1acd8141ae0ee6d2e08cb011fe (diff) | |
| download | coinos-ui-f4dead26c92e2ef6be45af0eb56d12bb3a00d983.tar.gz coinos-ui-f4dead26c92e2ef6be45af0eb56d12bb3a00d983.zip | |
lots of style updates after design review, bug fixes, and more improve
Diffstat (limited to 'src/routes/[username]/+page.svelte')
| -rw-r--r-- | src/routes/[username]/+page.svelte | 48 |
1 files changed, 25 insertions, 23 deletions
diff --git a/src/routes/[username]/+page.svelte b/src/routes/[username]/+page.svelte index de8c3a26..1bbd6e66 100644 --- a/src/routes/[username]/+page.svelte +++ b/src/routes/[username]/+page.svelte @@ -35,16 +35,18 @@ let followed = false; </script> - <AppHeader avatarPosition="left-[calc(15vw-48px)]" /> +<AppHeader avatarPosition="left-[calc(15vw-48px)]" /> - <div class="flex xl:block justify-center items-center my-20 px-3"> - <div class="space-y-10 xl:space-y-0"> - <div class="xl:ml-[calc(15vw-48px)] space-y-2 w-full md:w-72"> - <h1 class="text-3xl font-bold">{$subject.username}</h1> +<div class="flex xl:block justify-center items-center my-20 px-3"> + <div class="space-y-10 xl:space-y-0"> + <div class="xl:ml-[calc(15vw-48px)] space-y-2 w-full md:w-72"> + <h1 class="text-3xl font-bold">{$subject.username}</h1> - <p class="text-secondary">{$subject.address && $subject.address !== "null" ? $subject.address : ''}</p> + <p class="text-secondary"> + {$subject.address && $subject.address !== 'null' ? $subject.address : ''} + </p> - <!-- TODO + <!-- TODO we need to hook this up <button class="border rounded-full py-2 w-28 font-semibold flex justify-center items-center text-sm" @@ -53,25 +55,25 @@ {$t('user.' + (followed ? 'remove' : 'follow'))} </button> --> - </div> + </div> - <div class="space-y-5 static xl:absolute top-[255px] left-[calc(50vw-150px)]"> - <div - on:click={() => copy(lightningAddress)} - id="qr" - class=" cursor-pointer w-[292px] md:w-[342px] h-[342px] border border-lightgrey rounded-3xl flex p-5 justify-center items-center relative" - /> + <div class="space-y-5 static xl:absolute top-[255px] left-[calc(50vw-150px)]"> + <div + on:click={() => copy(lightningAddress)} + id="qr" + class="cursor-pointer w-[292px] md:w-[342px] h-[342px] border border-lightgrey rounded-3xl flex p-5 justify-center items-center relative" + /> - <p class="text-secondary text-center font-semibold">{$t('user.scanToPayBTC')}</p> + <p class="text-secondary text-xl text-center font-semibold">{$t('user.scanToPayBTC')}</p> - <div - class="bg-primary font-semibold rounded-xl text-sm py-2 px-3 flex flex-wrap justify-center items-center" - > - <span>{lightningAddress}</span> - <button class="hover:opacity-80" on:click={() => copy(lightningAddress)}> - <Icon icon="copy" style="ml-2" /> - </button> - </div> + <div + class="bg-primary font-semibold rounded-xl text-sm p-3 flex flex-wrap justify-between items-center" + > + <span>{lightningAddress}</span> + <button class="hover:opacity-80" on:click={() => copy(lightningAddress)}> + <Icon icon="copy" style="ml-2" /> + </button> </div> </div> </div> +</div> |